<template>
  {{ d.num.toFixed(0) }}
</template>

<script setup>
import gsap from "gsap"
import { reactive,watch } from "vue"

const props = defineProps({
  value:{
    type : Number,
    default : 0
  }
})

const d = reactive({
  num:0
})

function AnimateToAalue(){
  gsap.to(d,{
    duration:0.5,
    num : props.value
  })
}
AnimateToAalue()

watch(()=>props.value,()=>AnimateToAalue())

</script>

<style scoped lang='scss'>
</style>